<div class="row animated fadeIn">
    <div class="col-12 col-md-6">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title" i18n="@@temasColors">Temas</h4>
                <hr />
                <div class="r-panel-body">
                    <ul id="themecolors" class="m-t-20">
                        <li><b i18n="@@menuClaro">Con el menu claro</b></li>
                        <li><a #link1 (click)="canviarColor('default', link1)" data-theme="default" class="selector default-theme">1</a></li>
                        <li><a #link2 (click)="canviarColor('green', link2)" data-theme="green" class="selector green-theme">2</a></li>
                        <li><a #link3 (click)="canviarColor('red', link3)" data-theme="red" class="selector red-theme">3</a></li>
                        <li><a #link4 (click)="canviarColor('blue', link4)" data-theme="blue" class="selector blue-theme">4</a></li>
                        <li><a #link5 (click)="canviarColor('purple', link5)" data-theme="purple" class="selector purple-theme">5</a></li>
                        <li><a #link6 (click)="canviarColor('megna', link6)" data-theme="megna" class="selector megna-theme">6</a></li>

                        <li class="d-block m-t-30"><b i18n="@@menuOscuro">Con el menu oscuro</b></li>
                        <li><a #link7 (click)="canviarColor('default-dark', link7)" data-theme="default-dark" class="selector default-dark-theme">7</a></li>
                        <li><a #link8 (click)="canviarColor('green-dark', link8)" data-theme="green-dark" class="selector green-dark-theme">8</a></li>
                        <li><a #link9 (click)="canviarColor('red-dark', link9)" data-theme="red-dark" class="selector red-dark-theme">9</a></li>
                        <li><a #link10 (click)="canviarColor('blue-dark', link10)" data-theme="blue-dark" class="selector blue-dark-theme">10</a></li>
                        <li><a #link11 (click)="canviarColor('purple-dark', link11)" data-theme="purple-dark" class="selector purple-dark-theme">11</a></li>
                        <li><a #link12 (click)="canviarColor('megna-dark', link12)" data-theme="megna-dark" class="selector megna-dark-theme">12</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
